<%-- 
    Document   : Package_tours
    Created on : Oct 26, 2011, 10:57:14 PM
    Author     : mrteo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="Style/style.css" />
        <link rel="stylesheet" href="development-bundle/themes/base/jquery.ui.all.css">
	<script src="development-bundle/jquery-1.6.2.js"></script>
	<script src="development-bundle/ui/jquery.ui.core.js"></script>
	<script src="development-bundle/ui/jquery.ui.widget.js"></script>
	<script src="development-bundle/ui/jquery.ui.datepicker.js"></script>        
        <script type="text/javascript" src="js/jquery.validate.js"></script>
        <script type="text/javascript" src="js/additional-methods.js"></script>
	<link rel="stylesheet" href="development-bundle/demos.css">
        <title>Add PackageTour Page</title>
        <script type="text/javascript">
            $(function(){
                $("#Package_tours").validate({
                    rules:{
                        txtname: {
                            required: true
                        },
                        txtdescription: {
                            required: true
                        },
                        txtprice: {
                            required: true
                        },
                        txtdescription: {
                            required: true
                        },
                        txtsalesType: {
                            required: true
                        },
                        txtsalesValues: {
                            required: true
                        }
                    }                    
                })
            
        });        
	$(function() {
		var dates = $( "#from, #to" ).datepicker({
			defaultDate: "+1w",
			changeMonth: true,
			numberOfMonths: 3,
			onSelect: function( selectedDate ) {
				var option = this.id == "from" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" ),
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates.not( this ).datepicker( "option", option, date );
			}
		});
	});
	</script>
    </head>
    <body>
         <div id="header">
            <jsp:include page="header.jsp"/>
	</div>
	<div id="wrapper">
            <jsp:include page="sidebar.jsp"/>
            <div id="content">
                <div class="search"><span>Search</span> <input type="text" /></div>
                <div class="bg">
                    <div class="column1">
                        <center><span style="font-size: 15px;color: #2a2b2b;width: 200px;font-style: italic;font-weight: bold;">Add PackageTour Page</span><hr width="200" style="color: #0000FF"></hr></center><br>
                        <form name="Package_tours" action="/" id="Package_tours" enctype="multipart/form-data" method="post">
                            <table cellspacing="5"  border="0" style="background-color: #eaeff2">
                                <tr>
                                    <td>Name: </td>
                                    <td><input type="text" name="txtname" size="60" /></td>
                                </tr>                              
                                 <tr>
                                        <td valign="top">Description: </td><td valign="top"><FCK:editor instanceName="fckDescription:" height="250" width="388" toolbarSet="TourAndTravel"/>
                                            </td>
                                    </tr>
                                <tr>
                                    <td>StartDate: </td>
                                    <td><input type="text" name="txtstarDate" id="from" size="35" /></td>
                                </tr>
                                <tr>
                                    <td>EndDate:</td>
                                    <td><input type="text" id="to" name="txtendDate" size="35"/></td>
                                </tr>
                                <tr>
                                    <td>Price: </td>
                                    <td><input type="text" name="txtprice" size="50" /></td>
                                </tr>
                                 <tr>
                                        <td valign="top">Discount type:</td><td valign="top"><select name="sltDiscount" style="width: 388px">
                                                <option value="NoDiscount">No Discount</option>
                                                <option value="PercentDiscount">Percent Discount</option>
                                                <option value="DiscountedValue">Discounted Value</option>                                                                                          
                                            </select></td>
                                    </tr>
                                <tr>
                                    <td>SalesValues: </td>
                                    <td><input type="password" name="txtsalesValues" size="60" /></td>
                                </tr>
                                <tr>
                                    <td>Images: </td>
                                    <td><input type="file" name="Upload" value="" size="45" /></td>
                                </tr>
                                <tr align="center">
                                    <td colspan="2"><input type="submit" value="Add"/> ||| <input type="reset" value="Reset" /></td>
                                </tr>
                            </table>
                        </form>
                        </div>
                            <div class="column2">
                                <jsp:include page="column2.jsp"/>
                            </div>               
			</div>
		</div>
	</div>
	<div id="footer">
            <jsp:include page="footer.jsp"/>
	</div>
    </body>
</html>
